<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>华南农业大学选举中心</title>
    <link href="bootstrap.css" rel="stylesheet">
    <style>
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4">

            </div>
            <div class="col-md-8">
                <div class="page-header">
                    <h2>华南农业大学选举中心</h2>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-7">
                <h3>候选人列表</h3>
                <table class="table" id="personTable">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>姓名</th>
                            <th>得票数</th>
                            <th id="column">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="col-md-1"></div>
            <div class="col-md-5 column">
                <h3>投票操作</h3>
                <div class="row box">
                    <ul class="list-group">
                        <li class="list-group-item">
                            <div class="row">
                                &nbsp;&nbsp;&nbsp;当前账户：<span id="currentAccount"></span>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="row">
                                &nbsp;&nbsp;&nbsp;手上持票：<span id="canVote">0</span>
                                <button type="button" id="buyBt" class="btn btn-primary btn-sm">点击购票</button>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="row">
                                &nbsp;&nbsp;&nbsp;投票操作：
                                <select id="dropBt" style="height:30px">

                                </select>
                            </div>
                        </li>
                        <li class="list-group-item" style="text-align:center">
                            <button class="btn btn-lg" id="submitBt">确认投票</button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-7 column">
                <div class="row">
                    <div class="col-md-3">
                        <h3>历史查询</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-5"></div>
                    <div class="col-md-4" style="margin-bottom:0%">
                        选择候选人：
                        <select id="dropA" style="height:30px">

                        </select>
                    </div>
                    <div class="col-md-3">
                        <button class="btn btn-primary btn-sm" id="checkBt">查询得票记录</button>
                    </div>
                </div>
                <br>
                <table id="historyTable" class="table table-bordered">
                    <thead>
                        <tr>
                            <th>
                                投票账户
                            </th>
                            <th>
                                候选人
                            </th>
                            <th>
                                投出票数
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            
                        </tr>
                    </tbody>
                </table>
                <table class="table table-bordered" id="currentHistoryTable">
                    <h3>当前账户投票历史</h3>
                    <thead>
                        <tr>
                            <th>
                                投票账户
                            </th>
                            <th>
                                候选人
                            </th>
                            <th>
                                投出票数
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div class="col-md-5 column">
                <h3>选举管理</h3>
                <div style="border: solid black">
                    <div class="row">
                        <div class="col-md-1"></div>
                        <div class="col-md-4">
                            <div style="font-size:20px;color:black">选举状态：</div>
                        </div>
                        <div id="e_Status" style="font-size:20px;color:red">正在进行</label>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-4">
                                <button class="btn btn-primary btn-sm" id="suspendBt"
                                    style="font-size: 20px">暂停选举</button>
                            </div>
                            <div class="col-md-4">
                                <button class="btn btn-primary btn-sm" id="stopBt" style="font-size: 20px">终止选举</button>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-4">
                                <button class="btn btn-primary btn-sm" id="startBt"
                                    style="font-size: 20px">启动选举</button>
                            </div>
                            <div class="col-md-4">
                                <button class="btn btn-primary btn-sm" id="newBt" style="font-size: 20px">新建选举</button>
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-1"></div>
                            <label class="col-md-3 control-label">候选人名称：</label>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="name" placeholder="请输入名字">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-1"></div>
                            <label class="col-md-3 control-label">初始票数：</label>
                            <div class="col-sm-6">
                                <input type="text" class="form-control" id="number" placeholder="请输入初始票数">
                            </div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-1"></div>
                            <div class="col-md-offset-3 col-md-6">
                                <button type="button" class="btn btn-default" id="addBt">添加候选人</button>
                            </div>
                        </div>
                        <br>
                    </div>
                </div>
            </div>
        </div>
</body>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="index.js"></script>

</html>